<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>不二联盟</title>
		<link rel="stylesheet" href="css/Order.css" />
		<script type="text/javascript" src="js/all.js"></script>
	</head>
	<body>
		<!--头部以及logo-->
		<div class="header_top">
			<a href="#">
				<img src="img/Logo.jpg"/>
				<div class="logo_text">
					不二联盟
				</div>
			</a>
			<div class="per">
				<a href="#">您好，SUPER12</a>
			</div>
			<div class="out">
				<a href="HT_Login.html">退出</a>
			</div>
		</div>
		<!--头部结束-->
		<div class="clear"></div>
		<!--清理浮动结束-->
		<div class="null">
		</div>
		<!--这块白色只是设计稿需要-->
		<div class="content">
			<div class="left_nav">
				<ul>
					<li class="SY"><a href="HT_index.html"><span>首页</span></a></li>
					<li class="TG">
						<a>
							<span>我要推广</span>
						</a>
						<a href="Extension.html">
							<span id="span1">商品推广</span>
						</a>
						<i class="iconfont icon-select" onclick="zhanshi()"></i>
					</li>
					<li class="BB">
						<a>
							<span>效果报表</span>
						</a>
					<a href="Popularize.html">
						<span id="span2">推广效果</span>
					</a>
					<a href="Order.html">
						<span id="span3">订单明细</span>
					</a>
						<i class="iconfont icon-select" onclick="zhanshi2()"></i>
					</li>
					<li class="ZX">
						<a>
							<span>结算中心</span>
						</a>
						<a href="Income.html">
							<span id="span4">收入结算</span>
						</a>
						<i class="iconfont icon-select" onclick="zhanshi3()"></i>
					</li>
					<li class="ZH">
						<a>
							<span>账户管理</span>
						</a>
						<a href="pre.html">
							<span id="span5">个人账户信息</span>
						</a>
						<a href="comp.html">
							<span id="span6">企业账户信息</span>
						</a>
						<i class="iconfont icon-select" onclick="zhanshi4()"></i>
				</ul>
			</div>
			<div class="Ri_content">
				<div class="ti_content">
					<p>订单明细</p>
					<ul>
						<li class="YR xx" id="Introduction" onclick="changeTab1()">引入订单</li>
						<li class="WJS" id="Unsettled" onclick="changeTab2()">未结算订单</li>
						<li class="YJS" id="Settled" onclick="changeTab3()">已结算订单</li>
					</ul>
				</div>
				<div class="form_content">
					<form action="" method="post">
						<div class="DDH">
							<span>订单号：</span>
							<input type="text" name="" id="" value="" />
						</div>
						<div class="DDZT">
							<span>订单状态：</span>
							<select name="">
								<option value="">全部</option>
							</select>
							<p><img src="img/select.png"/></p>
						</div>
						<div class="clear"></div>
						<div class="XDSJ">
							<span>下单时间：</span>
							<input type="text" name="" id="" value="" disabled="disabled" placeholder="请选择开始时间"/>
							<img src="img/data.png"/>
							<span>至</span>
							<input type="text" name="" id="" value="" disabled="disabled" placeholder="请选择结束时间"/>
							<img src="img/data.png"/>
						</div>
						<input type="submit" value="查询"/>
						<input type="submit" name="" id="" value="导出" />
					</form>
				</div>
				<!--引入订单-->
				<div class="selected list_content" id="Introducts" >
					<div class="list_nav">
						<ul>
							<li>商品</li>
							<li>销售单价</li>
							<li>计拥单价</li>
							<li>数量</li>
							<li>佣金比例</li>
							<li>预估佣金</li>
							<li>结算时间</li>
							<li>实际结算收入</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div class="List_content">
						<ul>
							<li>订单号: <span>2337108888360940</span></li>
							<li>下单时间：<span>2016-09-06 14:44:56</span></li>
							<li>订单状态：<span>订单已付款</span></li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
					</div>
					<div class="List_content">
						<ul>
							<li>订单号: <span>2337108888360940</span></li>
							<li>下单时间：<span>2016-09-06 14:44:56</span></li>
							<li>完成时间：<span>2016-09-06 14:44:56</span></li>
							<li>订单状态：<span>待结算</span></li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
					</div>
					<div class="List_content">
						<ul>
							<li>订单号: <span>2337108888360940</span></li>
							<li>下单时间：<span>2016-09-06 14:44:56</span></li>
							<li>完成时间：<span>2016-09-06 14:44:56</span></li>
							<li>订单状态：<span>待结算</span></li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li class="YJ">
								￥299.00
							</li>
							<li class="SJ">
								2016-09-06  14:44:56
							</li>
							<li>
								<span style="color: #e60012;">￥299.00</span>
							</li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li class="YJ">
								￥299.00
							</li>
							<li class="SJ">
								2016-09-06  14:44:56
							</li>
							<li>
								<span style="color: #e60012;">￥299.00</span>
							</li>
						</ul>
					</div>
				</div>
				<!--未结算订单-->
				
				<div class="list_content_1" id="Unset" >
					<div class="list_nav">
						<ul>
							<li>商品</li>
							<li>销售单价</li>
							<li>计拥单价</li>
							<li>数量</li>
							<li>佣金比例</li>
							<li>预估佣金</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div class="List_content_1">
						<ul class="ul_Oc">
							<li>订单号: <span>2337108888360940</span></li>
							<li>下单时间：<span>2016-09-06 14:44:56</span></li>
							<li>完成时间：<span>2016-09-06 14:44:56</span></li>
							<li>订单状态：<span>待结算</span></li>
						</ul>
						<ul class="ul_Bc">
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
						<ul class="ul_Bc">
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li>
								￥299.00
							</li>
						</ul>
					</div>
				</div>
				
				<!--已结算订单-->
				
				<div class="list_content_2" id="Set" >
					<div class="list_nav">
						<ul>
							<li>商品</li>
							<li>销售单价</li>
							<li>计拥单价</li>
							<li>数量</li>
							<li>佣金比例</li>
							<li>预估佣金</li>
							<li>结算时间</li>
							<li>实际结算收入</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div class="List_content_2">
						<ul>
							<li>订单号: <span>2337108888360940</span></li>
							<li>下单时间：<span>2016-09-06 14:44:56</span></li>
							<li>完成时间：<span>2016-09-06 14:44:56</span></li>
							<li>订单状态：<span>已结算</span></li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li class="YJ">
								￥299.00
							</li>
							<li class="SJ">
								2016-09-06  14:44:56
							</li>
							<li>
								<span style="color: #e60012;">￥299.00</span>
							</li>
						</ul>
						<ul>
							<li>
								<img src="img/cloth.png"/>
								<a href="#">Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</a>
							</li>
							<li>
								￥299.00
							</li>
							<li>
								￥299.00
							</li>
							<li>
								10
							</li>
							<li>
								15%
							</li>
							<li class="YJ">
								￥299.00
							</li>
							<li class="SJ">
								2016-09-06  14:44:56
							</li>
							<li>
								<span style="color: #e60012;">￥299.00</span>
							</li>
						</ul>
					</div>
				</div>
				
				<div class="num_btn">
					<ul>
						<li class="num_text">
							共2笔订单
						</li>
						<li class="left_btn">
							<input type="button" id="left" value="&lt;" />
						</li>
						<li class="btn_num">
							<input type="button" id="" class="bg" value="1" /><!--
							--><input type="button" id="" value="2" /><!--
							--><input type="button" id="" value="3" /><!--
							--><input type="button" id="" value="4" />
						</li>
						<li class="right_btn">
							<input type="button" id="left" value="&gt;" />
						</li>
						<li class="serch_num">
							<span>跳至</span>
							<input type="text" id="" value="" />
							<span>页</span>
						</li>
						<li class="Finsh_btn">
							<input type="button" id="" value="跳转" />
						</li>
					</ul>
				</div>
				
			</div>		
			<div class="clear"></div>
		</div>		
				
		<div class="footer">
			<span>Copyright&nbsp;&nbsp;©right;&nbsp;2016&nbsp;&nbsp;不二定制版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闽ICP证070359号</span>
		</div>
	</body>
	<script type="text/javascript" src="js/tab.js"></script>
</html>
